TITLE OF THE INVENTION 

SYSTEM AND METHOD FOR FACILITATING 
A WINDOWS BASED CONTENT MANIFESTATION 
ENVIRONMENT WITHIN A WWW BROWSER 

BACKGROUND OF THE INVENTION 

Fioirinf the I nvention 

The present invention relates to systems and methods that 
are used to distribute and manifest content received via the 
Internet and World Wide Web (WWW). More particularly, the 
present invention relates to the dynamic manifestation of content 
within a WWW browser environment. 

nogrriptio" Qffthg Related Art 

The Internet and the World Wide Web (WWW) have 
significantly impacted the way people receive information, 
purchase goods and services, and generally communicate. The 
internet and WWW have facilitated whole content delivery 
industries that provide up-to-the-minute delivery (and sale) of 
information such as news, weather, sports scores, horoscopes, 
stock and securities information, etc. Many companies have 
recognized the great "gold-rush" nature of the Internet and have 
been quick to establish web-sites where people (a.k.a. "network 
surfers") can visit to purchase books online, to receive specialized 
content such as investment and other reports, and to subscribe to 
content delivery services such as "electronic" newspapers and 
magazines. Despite the widespread use and acceptance of the 
Internet and the WWW, many industry analysts and ins.ders insist 
that our society has only begun to realize the advantages of 
publicly accessible network technologies and predict that our lives 
will only be further impacted by increased uses of the "Net." 



A, the same time that the Internet and WWW have become 
so widely used, the amount of content and information available 
and distributed via the same has grown exponent,ally. That 
volume of information has lead to significant problems for people 
(network surfers) in terms of locating and receiving desired 
content. Such problems are due in large part to the fact that 
delivery technologies and systems have improved, the ab,lity to 
organize, index, search, and process that content lags berand. 

As such, many companies operate what are known as 
network indices and "search engines" and corresponding web 
sites Network indices maintained at many web sites typ,cally 
store expansive lists of links which may be entered manually by 
networ* users or which are gathered automatically Search 
engines, on the other hand, automatically visit or cra^to 
network sites to automatically peruse content ma,nta,ned thereby 
to build comprehensive databases (index files) that later may be 
scanned by network users through use of keywords via what are 
referred to as keyword searches. 

At the internet and WWW site, a wwyahoo.com . for 
example, network users (a.k.a. "network surfers") may select topic 
areas from among a pre-conf^red hierarchical network , dex 
tree to peruse lists of hyper-text links related to a particular field of 
interest (e.g., business, stocks, stock split announcements). The 
links found in the hierarchical network index may be manually 
entered by network surfers via an appropriate "add link" page, or 
may be entered automatically in response to automatic crawlmg 

techniques. . 

At the Internet and WWW site, aww.lycos.co io, for 

example, network surfers are prompted w«h a dialog box 
presented within their web browser screens to enter a set of 
Keywords. Such keywords are then submitted back to a web-s,te 



server computer system and used to form the basis of an 
appropriate database query against pre-built databases of 
indexed content. The results of such queries are presented in the 
form of exhaustive hyper-text links which a network surfer may 
select by "clicking" to cause his web browser client application 
(e.g., the INTERNET EXPLORER® web browser which is 
manufactured and marketed by MICROSOFT CORPORATION) to 
traverse the same. 

Aside from the aforementioned problems associated with 
actually locating content on the Internet and WWW, the tools used 
to peruse that content (and, often, long list of hyper-text links) 
such as web browser client applications and related software 
programs are built to merely allow one screen-full of information to 
be perused at a time. For example, once a network surfer locates 
and accesses a content source (e.g., visits a web site containing 
content such as a list of related links, a news feed, stock related 
information, etc.) he may be faced with having to constantly 
refresh his web browser screen with the "next ten links," or scroll 
through a relatively large amount of text by using navigation 
buttons, scroll bars, browser application back and forward 
buttons, etc. Such browsing of content can be time consuming, 
frustrating, and often, fruitless. 

Unfortunately, currently available web browser 
technologies and products do not effectively allow a network 
surfer to open a series of separate windows into which separate 
content streams may cause display of corresponding information. 
That is, while an underlying operating environment such as 
MICROSOFT WINDOWS 98™ may support multiple windows 
each displaying the results of a different program, for example, 
web browser tools and applications remain relatively crude in 
terms of their native ability to present only static and exhaustive 



amounts of text and content in a single content review window or 
environment (e.g.. within a single web browser screen). 

To combat the problems addressed above with regard to 
finding and accessing content and the limitations of the tools 
available to manifest the same, software developers have offered 
a variety of network content delivery solutions to generally 
enhance the web browsing experience. For example, developers 
have long taken advantage of the ability of web browsers to 
accept -plug-ins" and -helper" applications to provide for ennched 
content manifestation. Additionally, developers have begun to 
provide (serve) web content mixed with Java (and Java progeny) 
type code to enhance content review. And others have created 
web sues that cause instantiation of additional web browsers (..e.. 
they cause launching of additional web browser sessions wrthrn 
an operating system) to facilitate multiple window/browser 
application display of corresponding separate content streams. 

An exemplary web site that seeks to ease content location 
(searching) and which attempts to enrich content manifestation .s 
one maintained at wwm&iaaasm. Such an exemplary 
W eb site has become known as a -portal site" where network 
surfers can visit, receive content from a variety of sources (e.g., 
news, financial feeds, etc.), and searoh the web through use of a 
search engine like or similar to those discussed above. Moreover, 
at the mynetscape.com portel site as viewed through a web 
browser, a network surfer is presented with a set of pseudo- 
windows corresponding to a set of content feeds and/or 
information requests (e.g., such es web content search templates 
provided in accordance HTML instructions driven by computer 
graphic interfaoe (CGI) scripts written in the PERL scripting 
language, etc.). Suoh content feeds are referred to at the 
mynetsoape.com web site as -channels" to draw a parallel to 



television like stations that may be selected or viewed and even 
turned OFF. The pseudo-windows are drawn within a web 
browser screen and manifestation environment using HTML and 
javascript to appear like tile-type operating system windows wh.ch 
may be customized (changed in terms of the content that .s 
displayed therein), maximized, minimized, and removed. For 
example, a "Stocks" channel (pseudo-window) may be perused 
for information related to certain securities markets and a headline 
news channel (pseudo-window) may be perused for news story 
highlight, etc. In each case, a channel (pseudo-window) has 
certain related controls which may be used to m.n.m.ze, 
maximize, and remove the channel from view. 

Although the mynetscape.com web site goes a long way to 
provide a multi-panel visual display of multiple content sources to 
attempt to facilitate easier location and review of content, rt does 
not go far enough to deliver true window functionality like that 
offered within underlying operating systems. For example, unl.ke 
a true window object that dynamically displays content in an 
operating system context, a pseudo-window drawn within a 
network surfer's web browser is merely a screen sect.on that 
appears to loaded with content. And that content that is drawn 
within a pseudo window is static and does not change after 
rendering by a web browser. In other words, all pseudo-windows 
rendered by a web browser are, in actuality, merely graph.cally- 
bordered screen sections within a web browser content 
manifestation window that statically display content and wh.ch 
must be completely re-drawn (along with all other pseudo- 
windows) each time a user-selectable screen-related 
operation/event occurs within a web browser screen (e.g., such 
when a single pseudo-window minimization operat.on is 
requested by a user upon the occurrence of an appropriate 
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m ouse-click event). As such, the pseudo-window functionary 
provided by the mynetscape.com web site and all similar type web 
sites are not capable of providing truly controllable windows within 
a single unframed web browser content manifestation 
environment which can display dynamic content such as live 
video, updated stock tickers, motion video, etc. 

Thus, there exists a need to provide new and improved 
systems and methods to facilitate a windowed content 
manifestation environment within a web browser application. 
Such systems and methods must allow effective and efficient 
implementation of web sites without requiring Internet and WWW 
infrastnictures and standards to change. To be viable, network 
surfers must be able to access a web site to seamlessly take 
advantage of such new and improved systems^and methods 
without being required to obtain or upgrade their personal 
computing environments, applications, or systems. 

SUMMARY OF THE INVENTION 

The present invention solves the above-descnbed 
problems associated with providing access to network content 
and with manifesting the same to enhance network (world wide 
web - WWW) use. In so doing, the present invention achieves 
certain benefits not heretofore realized with prior technologies to 
access and manifest content. For example, network surfers now 
can use conventional web browser technologies and software 
applications to access a portal web site that delivers content ,n a 
format that is consistent with other software platforms that operate 
within a use^s personal data processing system. Furthermore, by 
providing a We windowing environment within the constraints of 
the internet's infrastructure will allow content providers (e.g., web 
site operators) to incorporate the present invention to further 
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enrich their sites and enhance the web usage «P«"~** 
because a web browser content manifestation enwonmen. may 
now be made to manKes. rea. content d*ery windows w,thout 
ha ving to refresh a screen image each time a window . 
controlied, content probers and web s«e advertisers can cause 
active advertisements to be displayed and changed wrtNn a 
particular window without requiring a user to click a hypeMexUnk 
o purposefully access an additional web site. As such, both 
users and content providers alike wiil benefU from the present 
invention's new and improved content delivery model. 

Accordingly, the present invention solves the 
aforementioned problems to d*er the above-described I beneffis 
by providing new and improved systems and methods o 
fadlitaflng a windowed content notation environment «*n 
a world wide web (WWW) browser client. The system and 
me «hod include and invoke a server system M is configured to 
serve a software system and associated content via an election, 
date network such as the Internet and WWW. Also included and 
involved is a web browser client (web browser software 
application) operating within a data processing system .ha Us 
coupled to the server system via the electronic data network and 
which instantiates a content manifestation environment (e.g., a 
dynamic screen dispiay environment within the data processing 
system). The web browser client is operative to recerve the 
software system and the associated content via the server 
system, * process the software system and the assorted 
content to produce a. leas, one window object wKh.n the co ten. 
ma nifes.ation environment The generated window objects) are 
each associated with a set of controllable attributes and are 
conjured to mamfes. a, leas, a portfcn of .he assocrated 
content. The contiollable attributes are oonflgured .0 affect 



manifestation of the window object(s) by the web browser client 
within the content manifested environment. The window 
obiect(s) generated within the content mansion environment 
may be updated and loaded with content in real-time and without 
user-intervention (e.g., such as user clicks on hyper-links, etc.) 
received via the electronic data network without requiring the 
content manifestation environment to be refreshed (e.g.. without 
requiring screen refresh operations). 

BRIEF DESCRIPTION OF THE DRAWINGS 

The present Invention is described in detail below with 
reference to the following drawing figures, of which: 

FIG. 1A is a diagram of a system in which a world wtde 
web (WWW) browser client wilt realize a windows based content 
manifestation environment in accordance with a preferred 
embodiment of the present invention; 

FIG 1B is a block diagram of a server computing system of 
the kind that may be used to serve content via the Internet and 
WWW in accordance with a preferred embodiment of the present 

invention; . 

FIG 1C is a block diagram of a client oompubng system 
that can now realfce a windows based content manifestation 
environment provided in accordance with a preferred embodiment 

of the present invention; 

FIG 1D is diagram of a window module provided in 
accordance with a preferred embodiment of the present invention; 

FIG 2A is screen image that depicts a window based 
content manifestation environment and, in particular, one that 
facilitates content manifestation within tiled window objects 
according to a preferred embodiment of the present invention; 
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FIG. 2B is a screen image that depicts a windows based 
content manifestation environment and, in particular, one that 
facilitates content manifestation within draggable window objects 
according to a preferred embodiment of the present invention; 

FIG. 3 is a flowchart that generally depicts the process 
steps that are carried out to facilitate a windowed content 
manifestation environment within a WWW browser client 
according to a preferred embodiment of the present invention; 

FIG. 4 is a flowchart that illustrates the operations 
performed within the system depicted in FIG. 1 to facilitate 
generation and storage of files within the server system depicted 
in FIG 1 to enable a windowed content manifestation 
environment to be generated within a WWW browser client 

according to a preferred embodiment of the present invention; 

FIG. 5A is a flowchart that illustrates content delivery and 
processing operations that are performed within the system 
depicted in FIG. 1 to facilitate a windowed content manifestation 
environment within a WWW browser client according to a 
preferred embodiment of the present invention; and 

FIG. 5B is the conclusion flowchart to the flowchart started 

in FIG. 5A. 

DETAILED DESCRIPTION OF 
THE PREFERRED EMBODIMENTS 

The present invention is now discussed in detail with 
reference to the drawing figures that were briefly described 
above. Unless otherwise specified, like parts, systems, and 
processes are referred to with like reference numerals. 

Glossary 

The following terms are used within the instant patent 
document to illustrate and define the novel features of the present 
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invention. Accordingly, reference should be had to this Glossary 
for definitions of terms that are used to provide enabling 
disclosure related to the present invention's systems and methods 
for facilitating a windows based content manifestation 
environment within a WWW browser. 

The terms that are capitalized below bear the following 

meanings. 

Content is any form of digital data stream that may be 
supplied or sent to a computing system such as a personal 
computer. 

The WWW is the world wide web and its associated 
protocols and related technologies which may be accessed via 
the Internet. 

A WWW browser client is a software application that is 

operative to receive and process content to produce a 
corresponding output (e.g., to manifest text and images within a 
browser window displayed on a monitor device, etc.). 

An Electronic Data Network is any type of network 
environment from which at least one coupled computer or 
computing system is configured to receive content such as HTML 
and related WWW content and to process the same to produce 
an appropriate output. An exemplary electronic data network is 
the Internet along with the WWW. 

A window object is a Module or a Layer. 
A Layer is a WWW browser content display section 
produced within a content manifestation environment (CME) 
including, but not limited to, any object within an HTML document 
that may be scaled, dragged, or otherwise operated upon such as 
an IMG object, a SPAN object, a DIV object, a form element, etc. 
and which may be associated with program logic such as within a 
script, etc. A layer has its own properties including, but not limited 
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to, a name, etc. within an HTML rendition model such as those 
defined by DHTML standards. Additionally, a layer acts 
independently of other content within a particular HTML 
document. 

A CME is a controllable WWW browser content display 
window provided by a WWW browser. For example, a CME is 
viewed as a dynamic window in which WWW content is normally 
displayed. 

A Module (also referred to herein as a Window Module) is 
a layer having (1) a control section, and (2) a related content 
display section which may be manifested within a CME. A 
module may be recursively referenced in that a particular module 
provided in accordance with the present invention may include 
other modules. In other words, the present invention makes it 
possible to have window objects within window objects. 

A DMOD is a draggable module much like a draggable 

type window provided within an operating system environment. 

A TMOD is a tiled module much like a tiled type window 
provided within an operating system environment. 

A Fixed Screen Region or FSR is an area of a screen 
environment such as within a CME in which content may flow 
based on Module operations, Java applet control, etc. 

A Fixed Layer or FL is a layer having the same behavior as 

a FSR. 

A Content Manifestation Layer or CML is a pop-up type 
layer much like a pop-up dialog box that can manifest content 
based on operations occurring within a Module (e.g., hyper-link 
traversal and/or occurrence of another event, etc.). 

Module Controls or MCs control objects such as objects 
associated with screen icons that react to events (e.g.. mouse 
clicks, mouse-overs, double-clicks, etc.) and which control 
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attributes of a module (e.g.. minimization, maximization closure 
Ling, etc.). The icons associated with such control ob,ects « 
appear in a control section of a module. 

The aforementioned and defined terms may be made plural 
in the text found below (e.g., "DMODs"). 

Referring now to FIG. 1A, depicted therein is a system ,n 
which a windowed content manftestation environment (CME) may 
be facilitated in accordance with a preferred embodiment of the 
prasent invention. In particular, a system 100 indudes a server 
system 102 such as a web server, an associated data store 104 
which may form part of sewer system 102 and/or be par. of a 
separate data storage facility such as one including mutop. >d* 
arra ya and the like. Stored within data store 104 are HTML 
documents and other associated fi.es (discussed in detail below 
with regard to FIGS. 3, 4, 5A. and 5B). Such flies are generated 
in accordance with the present invenflon to facilttate a windows 
based content manifestation environment on or within network 
dents such as WWW browsers that may be used to download the 
same and to display content therein. Structures 102, 104, and 
106 are maintained at a server side as indicated by the dashed 
u „e delineating the server side and the client side parts of system 

100. . 
At a client aide (e.g.. within a client environment such as 

within a personal computing system,) a client system 108 » 

outfitted with appropriate network client software to access an 

electronic data network (e.g.. the interne, and the World Wide 

Web) to couple to server side system SVR System lift 

According*, dient system 108 is configured to access and 

download HTML documents such as HTML documents and other 
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related files 106 which may be generated and stored in data store 
104. 

It is the HTML documents and the related files as 
discussed herein which facilitate a windows based content 
manifestation environment within a client system such as within 

client system 108. 

The connection of client system 108 to server side SVR 
system 102 including the electronic data network (e.g., the 
Internet and World Wide Web) will be immediately understood by 
those skilled in the art. Accordingly, it should be noted that client 
system 108 may be coupled with SVR system 102 via the 
electronic data network such as through a dedicated network 
connection, a dial-up network connection or any other network 
connection that facilitates the transmission of HTML and other 
related files in accordance with the present invention. In 
particular, client system 108 may be coupled to server side server 
system 102 such as via a dial-up connection through an Internet 
service provider which facilitates TCP/IP communications, etc. 

Alternatively, client system 108 may be operated by 
loading a local version of a software package provided in 
accordance with the present invention. Such a software package 
may include HTML and scripts which are provided in accordance 
with the present invention (FIG. 4) such as via local media (e.g., 
CD-ROM, etc.) to facilitate a windows based CME within a WWW 
browser client and which are configured to cause the WWW 
browser client to access a network site (e.g., a web site, etc.) to 
download a windows definition (e.g., a file or set of files that 
initialize a set of modules that are displayed within a windows 
based CME). A file which can define and initializes a set of 
modules (e.g.. window modules) within a WWW browser client is 
shown below with regard to a corresponding discussion of FIG. 4 
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(e.g., see below for a discussion of the file named 
module_setup.js). 

Referring now to FIG. 1B, depicted therein is a block 
diagram of server system SVR 102 as depicted in FIG. 1. In 
particular, SVR system 102 includes a processor arrangement 
108, data store 104 as an integral component system thereof, and 
an I/O system 110 which supports network communications. In 
FIG. 1B, data store 104 is shown as being part of SVR system 
102, but the present invention is not so restricted as illustrated in 
FIG. 1A. SVR system 102 may be implemented using a network 
server computing system such as one manufactured and 
marketed by SUN MICROSYSTEMS, INC. (e.g., the SUN SPARC 
1000 computing system). Any computing system that facilitates 
-service of web related documents (e.g., HTML documents, 
javascript files, etc.) via a network connection such as via the 
Internet and World Wide Web may be used in implementing the 
present invention. 

Content streams and data such as news feeds, stock 
information, which may be provided by third party providers are 
input via I/O systems 110 and processed within SVR system 102 
to provide web side content to users located on the client side 
shown within system 100 (FIG. 1A). Accordingly, content 
including window object instructions, content, data, and content 
stream data are distributed via an electronic data network such as 
the Internet and World Wide Web to client system such as client 
system 108 (FIG. 1A). 

Referring now to FIG. 1C, depicted therein is a block 
diagram of client system 108 as depicted in FIG. 1. In particular, 
client system 108 is a personal computing system that has a 
processor arrangement 1 12, a data storage sub system 1 14 such 
as a local disk array, and I/O facilities 116 such as a modem or 
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other network coupling unit such as an network interface card, 
etc. Client system 108 is configured to operate in accordance 
with an operating system such as MICROSOFT WINDOWS 98 
which is manufactured and marketed by MICROSOFT 
CORPORATION and which may be operated in accordance with 
a network client application such as Internet Explorer version 4.x, 
Netscape Communicator 4.x, etc. Accordingly, content retrieval 
modules and software routines contained therein which form part 
of a network client as mentioned above, which may be stored in 
data storage sub system as part of a network client application 
program. Accordingly, a processing engine of such a network 
client application will also be stored in data storage subsystem so 
that processor arrangement 112 may retrieve the same and 
process accord ingly,- 

Data and content which is sent to and received from the 
Internet and World Wide Web such as from SVR system 102 
(FIG. 1B) may be processed through I/O system 116 in a 
conventional manner. 

Referring now to FIG. 1D, depicted therein is a diagram of 
a window module provided in accordance with a preferred 
embodiment of the present invention. In particular, window 
module or module 118 includes a control section 120 and a 
contend display section 122. Module 118 may be either a DMOD 
or a TMOD depending on particular design parameters. 
Preferably, however, module 1 18 is a DMOD to act like any other 
window such as those within a windows based operating system 
desktop environment. 

Within control section 120, MCs 124 are included to allow a 
user to cause associated events to occur. For example, MCs 124 
include objects and associated icons to allow a user to receive 
help (i.e., such as through the "?" icon), to minimize module 118 
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(i e via the down-arrow icon) much like windows are minimized 
within a windows based operating system, to maximize module 
1 1 8 (i.e., via the up-arrow icon) much like windows are maximized 
within a windows based operating system, and to close module 
118 via the X icon much like windows are closed within a 
windows based operating system. 

The operation of any of the MCs 124 shown within control 
section 120 need not have a global effect on the entirety of the 
CME in which module 118 is displayed. That is, there is no 
requirement that operation of any of the MCs 124 will cause a 
screen refresh within a WWW browser CME. Such screen 
refreshes were common in prior web environments as an entire 
WWW browser CME (or at least a framed section thereof) was 
Fefreshed (re-loaded with content, etc.) each time a user selected 
or operated a link (e.g., a hyper-text link provided by a search 
engine to retrieve additional content such as "10-more links"). 

Content such as that received via an electronic data 
network, from a local hard disk, etc.. may be displayed within 
content display section 122 of module 118. Accordingly, any type 
of content may be manifested within module 118. For example, 
static content like or similar to straight HTML content (e.g., text, 
graphics, etc.) may be manifested, while dynamic content such as 
from a content feed (e.g., a news fee, a stock ticker feed, etc.) 
may also be displayed and/or manifested. Accordingly, module 
118 may act as a mini-CME within a WWW browser client CME 
and, in particular, much like a conventional window within a 
windows based operating system. Because module 118 may be 
a DMOD, a user may now freely move content 
display/manifestation windows within his browser's CME much 
like he does with program windows when viewing an operating 
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system desktop environment (e.g., the WINDOWS 98™ desktop 
environment). 

To facilitate easy display of content within content display 
section 122 of module 118. scroll controls 126 may be shown 
within a scroll bar 128. Scrolls controls 126 are provided when 
content extends beyond the vertical size of content display 
section 122 and may be used in a conventional manner. For 
example, scroll controls like or similar to scroll bars may be 
implemented using constructs within a WWW browser client such 
as in MICROSOFT^ INTERNET EXPLORER™ (IE™) V4.x. 
That is, IE V.4.x supports an "overflow.auto" CSS (cascading 
style sheet) property which applies to facilitate scroll bars, etc. in 
the context of the present invention to allow management of 
content that extends beyond a bottom edge of a visible area of a 

selected module. 

In the context of the present invention and, in particular, 
with specific regard to FIG. 1D, manifestation of content is a 
broader concept than simple screen display; to the contrary, 
manifestation includes the causation of output generation that 
may start with operations within content display section 122 of 
module 118. For example, a hyper-link may be displayed within 
content display section 122 to invite a user click to cause sound to 

be manifested, etc. 

Furthermore, because content display section 122 may 
dynamically display content such as from a feed or stream, users 
can now be presented with dynamic windows without having to 
traverse additional hypertext links, etc. And, since no user 
intervention is required to dynamically display/manifest content 
within content display section 122 a browser's CME becomes a 
dynamic and content-rich environment completely different from 
currently available static browsers. In essence, modules provided 
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in accordance with the present invention and those similar to 
module 118 create a new WWW browser client application 
program that facilitates a novel, content-rich web experience. 

The programming constructs and algorithms to achieve the 
functionality provided by module 118 within the context of the 
present invention are described in detail below with regard to 

FIGS. 3, 4, 5A, and 5B. 

Referring now to FIG. 2A, depicted therein is a screen 
image of a content manifestation environment (CME) that has 
been configured to manifest content within tiled window objects in 
accordance with a preferred embodiment of the present invention. 
In particular, screen image 200 is that of a WWW browser client 
screen and, in particular, the CME thereof. Screen image 200 
includes a set of TMOD type window modules 202 arranged in 
table fashion. A set of web site (environment) controls 210 are 
provided to control the appearance and operation of a web site 
provided in accordance with the present invention (e.g., the web 
site with URL www.windows-website.com). Each window module 
202 includes a control section 240 and a content display section 
242 which may either be minimized or maximized in accordance 
with the present preferred embodiment and as was described 
above with regard to FIG. 1D. 

Each control section of a particular window module 202, 
includes module control icons (MCs) which correspond to 
associated control logic for providing help, window minimization, 
window maximization, window cancellation or closure, etc. The 
programs and logic necessary to build the objects and structures 
shown with in screen image 200 are illustrated with regard to the 
flowchart shown in FIG: 4, which is described below. The number 
and nature of MCs is not limited to those shown in screen image 
200. To the contrary, any number of module controls (MCs) and 
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related functions may be included within the present invention to 
facilitate any type of desired window control operation such as 
those shown in FIG. 1D. For example, the present invention also 
contemplates the implementation of further specialized contiols 
such as quick content delivery, content source changes, etc. In 
such cases, appropriate icons may be developed and included 
within a particular module's control section 240. 

Referring now to FIG. 2B, depicted therein is another 
screen image of a WWW browser client CME which has been 
configured via the present invention to provide a windows based 
content manifestation environment in which DMOD type window 
modules may be freely moved within the same. In particular, the 
windows based content manifestation environment show* « 
screen image 201 includes a DMOD 203 (e.g.. a travel related 
content window), a DMOD 204 (a dynamic news feed display 
window), a content display layer 208 (e.g., a FL, a CML, etc.), and 
a set of web site controls 210 (e.g., navigation buttons) whrch 
correspond to particular code functions which may control the 
manifestation of content (including window modules) within the 
CME maintained by a WWW browser in accordance with the 
preferred embodiment of the present invention. 

In FIG 2B, content display layer 208 may be a FL, FSR, or 
CML in any case, content display layer 208 -nay be provided to 
manifest content not destined for manifestation within a particular 
module, in particular, if an FL or FSR is used, a static, always 
visible window may be positioned within a WWW browser CME for 
content display. Alternatively, if a CML is used, the same may be 
provided to pop-up (much like a dialog box pops up in an 
operating system screen environment when an error condition is 
realized) whenever content not destined for manifestation within a 
particular window module is to be presented. When a CML is 
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used, the same may be draggable, etc. within a WWW browser 
CME much like a DMOD. In any case, a FL, FSR, or CML may 
be used to facilitate manifestation of content that would otherwise 
not be destined for window module manifestation. For example, 
content display layer 208 is manifesting text type content that may 
be displayed as a result of a hyper link traversal that occurred 

within DMOD 203. 

As shown in FIGS. 2A and 2B, each module (whether tiled 
or draggable in accordance with the present invention) includes a 
control section 240 and a content display section 242. The 
remaining structural aspects of the modules shown in FIG. 2B are 
the same as those shown in FIG. 2A, and therefore a detailed 
description is omitted for purposes of brevity. 

CREATION AND OPERATION OF A WINDOWED CONTENT 
MANIFESTATION ENVIRONMENT WITHIN A WEB BROWSER 
OPERA TIONAL ASPECTS n F THE PRFSFNT INVENTNION 

Referring now to FIG. 3, depicted therein is a general 
process flow chart that illustrates the operations performed and/or 
related to the structures described above with regard to FIGS. 1 A- 
2B to generate content and related programs to facilitate a 
windows based content manifestation environment (CME) and the 
downloading of the same to a network client such as a WWW 
browser client. The WWW browser client will manifest a CME that 
facilitates window module functionality according to the present 
invention. In particular, processing starts at step S3-1 where 
server side personnel and systems are used to generate and 
produce server side content including HTML and related files 
(e.g., javascript files, etc.) and which store the same on server 
side data storage facilities for distribution via an electronic data 
network such as the Internet and World Wide Web. 
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Next, at step S3-2, a WWW browser client loads all files 
and functions and content stored with in server side systems after 
requesting the same via an electronic data network. 

Next, a WWW browser constructs a web site view within a 
CME thereof based on the received content, HTML, and other 
related files (e.g., javascript files, etc.). In particular, the received 
content, HTML, and other related files instruct the WWW browser 
client to manifest a windows based CME therein. 

At step S3-4, the WWW browser client will manifest the 
web site view in its CME to allow a user to operate upon received 
content within a windows based environment much like a 
windowed environment or shell of an operating system (e.g., 
much like the WINDOWS 95, 98, NT, UNIX X-WINDOWS 
environment - WINDOWS, 95, 98, and NT are trademarks of and 
which may be registered to MICROSOFT CORPORATION, UNIX 
is a trademark of AT&T CORPORATION), 
processing ends at step S3-5. 

The general process flow described above in regard to 
FIG. 3, is now described in further detail by specifically illustrating 
the aforementioned process steps with reference to FIGS. 4, 5A, 
and 5B. 

In particular, FIG. 4 depicts flowchart that illustrates a 
process for defining and storing a software package to be served 
to clients to realize windows based CMEs therein in accordance 
with the present invention. In particular, processing starts at step 
S4-1 and immediately proceeds to step S4-2. 

At step S4-2, database setup and administrative operations 
are carried out to produce appropriate database structures at an 
appropriate server side system such as at server SVR system 
102. Preferably, an administrator will create an SQL (structured 
query language) type database table such as by using MYSQL 
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V.4.0. Such a database table stores data about respective 
window modules. The following script may be used to generate, 
output, and initialize such a database structure. Those skilled in 
the art will immediately understand the following code script. In 
particular, the SQL instructions listed below place data into the 
generated table to correspond to window modules that will 
ultimately form the basis of respective windows to be provided 
and visually displayed within a CME in accordance with the 
present invention. The fields/columns defined within the table are 
self-explanatory and do warrant further discussion here. For 
example, the column "Xposition" defines a screen position for a 
window module to be drawn within a CME. 



# MySQL dump 4.0 

# Host localhost Database: ENVIRONMENT 

# — 

# 

# Table structure for table 'MODULES' 

# — 

CREATE TABLE MODULES ( 

Priority tJnyint(2). ...^ ....„, 

Name varchar(20) DEFAULT " NOT NULL. 
Open tirryint(1) DEFAULT V, 
Maximized tinyint(1) DEFAULT '0'. 
XpositJon tJnyint(1) DEFAULT '0', 
YpositJon tinyint(1) DEFAULT '0'. 
Height smallintW, 
Width smallint(4), 
PRIMARY KEY (Name) 

): 

# Dumping data for table 'MODULES' 




mO MOLLIS VAluli O/MODtravel'.l 1 0 «Affi 
nIIrT INTO MODULES VALUES (4/MODstocks' 1 1*. >fi >fi : 
INSERT INTO MODULES VALUES (5. MODemartV 1.1.0 .0.0 0) 
NSERT INTO MODULES VALUES (6,'MODsearchM. 1.0.0.0.0). 



The above-listed "INSERT" statements are used to fill the 
generated database with window module names, etc. to form the 
basis of an initial set ofwindows that are ultimately displayed in a 
windowed CME in accordance with the present invention. 
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Next, processing proceeds to step S4-3. At step S4-3, 
HTML files and related files (e.g., included and referenced 
javascript files, etc.) are generated and stored within server side 
data storage facility (e.g., data store 104 - FIG. 1). Exemplary 
programs to carry such operations are provided immediately 
below: 

For example, the following script may be generated within 
a software development environment known as PHP3 (Personal 
Home Page V.3.0) which is a freeware software package under 
constant development which may be used to create an HTML- 
based graphical user interface (GUI) database administration 
utility which may be used within a server-side WWW browser 
client to facilitate window module attribute setting and adjustment 
and corresponding database operations. Such attributes 
correspond to column values stored within the database table 
illustrated and described above. Accordingly, after using PHP3, 
the following HTML script language may be loaded into a WWW 
browser client to permit user adjustment of window module 
attributes (e.g., vertical and horizontal CME positions, priority, 
position, etc.). Those familiar with HTML will immediately 
understand the following markup instructions. 



<htral><head><titlex/title> 
<script language- "Javascript "> 

var MO - new Array 0 ; 
var STORED = new Array 0 ; 
var thisKey = " ; 

// handles form submission 
function submitPorm (thisName) 

var PRIORITYSTRING » " ; 

for(x»0; x <= highPriority; x++) 

^ modName = MO [x] ; 

PRIORITYSTRING += (modName + + 
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// update the bidder '•^"^SSSSb.^ = PRIORITYSTRING ; 
document . forms [thisName ] . PRIORITYSTRIW. 

// submit the form 
document . forma [thisName] . submit I) ; 

} 

function st oreValue(thisValue,thisForm,thisItem) 

{ // store the value in any window ^at gets focus; 
// used to replace bad entries or switch priorities 
thisKey = (thisForm + thisltem) ; 
STORED [thisKey] - thisValue; 

return; 

} 

function checklnput (thisValue, thisForm. thisltem) 

{ // check that object flags are either U ' or '0 • 
" I, if an error, inform and replace with old . va . "* iB v^iue . length » 1) ) 
if (((thisValue != '0') S.& (thisValue != '1')) II Itmsva 

{ // alert the error and replace origin* 1 value 

alert ('The only acceptable values are »1» or 0 ) , 
thisKey = (thisForm + thisltem); (flltfw] 
document [thisForm] [thisltem] .value = STORED [thisKey] 

return; 

) 

} 

function checkPriority (thisValue, thisPosition) 

{ /* . . ... .« number is in range (0 - hi 9 hPrior ^ eBec fjM 



value; 



. this will first check if the nunfcer ^g^* 

* or if it is an invalid string -- if either, mtorm 

: if value is ok, search 2f « 2S2 

. that contains the value current field is being set . 

• to the stored value for the current field de. switcn 

«/ 

thisValue - 0; // turn it into a number 

thisKey = (MO [thisPosition] + -priority); 

{i t tS^<^^!^>l>^^ "I <P-emt<thisValue> 
thisValue) ) 

JertCThat value is out of range,, or contains illegal characters . \nPl nter a 

numeric value ™^£ lt ^£g^^*\^ ' STORED [thisKey] ; 

} else // go through and find value matching current, and switch them 

for(xio; x <" highPriority; x++) 

{ if ( X .= thisPosition) { continue; } // skip current value 
if (document [MO [x] ] .priority. value == thisValue) 

* ,/ ™ a tch is found, switch the values and exit 

documentT«Otx]"priority.value - STORED [thisKey] ; 

break; 



// lose any whitespace, prepended zeros 
thisValue = parselnt (thisValue) ; 

// realize the corrected value , aValue . 

document [MO [thisPosition] 3 . priority. value « thisValue, 
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return; 

} 

c/script> 



c/head> 
<body> 

:SS r cellpadding=4 cellspacing-0 border=l width=700> 
^fontiace^verdana.arial.helvetica" size=2xb> 

TUe following is all formation relating to module objects ■^J^.^StSSly'^ 

in simply by changing the priority number. A change « , r to -2\ the item with 

switch the rest of the list to accomodate -- Ie. if I swi 

priority '2- will now be switched to 1 . 

<p>use only ones(l) or zeros(O) in the property values.< P > 

THESE V^UES «l = "-"^ESS SXS^SP ™ 

^eSeeSeT rrSoTw"— a— - — • 

</bx/font> 
</tdx/trx/table> 

<br> 
<?php 

include.(.Vusr/.www/htdocs/8hared/shared.php3"); 

SFONT SET = »<font face=\"verdana,arial.helvetica\- size=2>\n»; 
SJSCRIPT - «<script language^" Javascript \ »>» ; 

"SKS ^eTon^ *- «— * ,Pri ° rity ' ASC " >; 

/cMnn niiERYn //go through the current module 
while ($currentModule » mysql_fetcharray <$H0D_QOBW> ) // go g 

data 

^ // get current module name 

SthisKame * $currentModule ["Name"! ; 

$thisPriority = $currentModule ["Priority" ] ; 

echo"<form name=\«" . $ thisName. "V action=\«write.module.changes .php3\« 
methodA"post\ n > n ; M1 wnit 

ech £ln^^^ 
echovtable cellpadding=6 cellspacing^ border=lxtrxtd valign=top 
bgcolor=#f Of Of 0>\n" ; 

echo $FONT_SET; 
echo "<font color»#0000ff >\n» ; 

echo 8trToUpper($thisName)."</fontxp>»; x „ oriority \» 

echo "Priority: <input type-t«rt ■■J^^\^$ thU ^.'' .'vti^WV 
onChange=\»checkPriority(this.value, .$MODULE_coumi 

echo »</fontx/tdxtd valign=top bgcolor=#d0d0d0>» ; 
echo $PONT SET; 
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,/ Priority is already displayed. Nan* can't be changed, and Open U Maximized 
^{ISSJS^ rSSSL < $NUMBER_FIELDS ; $ this F ield ++ , 
{ 

$ fieldHa»e - ^-*-^"--—«™S ' 
$f ieldValue = $currentModule [$thisFiel<M , 

,ji *t,a value (row value for field) 
// write the properties by ^ t £™ a %^™J™l Wm e.-\<> 
echo $fieldName.»: <input type=text size=S name=\ 
valueA " " • $ f ieldValue . • \ " > <br> - ; 

$MODULB COUHT++; 

Icho-</td></trxtr><td colspan=2 bgcolor-#f OfOfO valign=top 
al i g n.center>\n»; cho>< . nput ^ WaaV onCU <* = \- sub.it For* < ' " . $thisHa*e. - • , \« 
value-VUPDATE ^ < ;^:;«></for« l ></table>\nNn. ; 

echo $J SCRIPT.«MO ( -.( $M 0 D ULE.COUNT -1) ."1 - • » . $ thisNa«e. » • ;</script>» 
1 echo .asCRXPT.-var highPriority - ' AWOW^m - » .-;</-cript>-; 



?> 



</center> 

</body> 

</html> 



Once a database table is generated to store window 
module properties and the like, and after the above-listed script is 
generated and run to allow GUI manipulation of window module 
attributes stored within the generated database table which is 
stored at a server side system such as within SVR system 102 
(FIG. 1), for example, PHP3 may again be used to automatically 
generate an output javascript file which forms the basis of a 
software package that subsequently may be downloaded to 
network users for processing within their WWW browser clients to 
facilitate a windows based CME therein in accordance wrth the 
present invention. A sample PHP3 script to automate javascnpt 
file generation is listed below. Those skilled in the art of web type 
programming will immediately recognize the nature of the PHP3 
script language listed below. 



*********** 



, * * * 

* generated f iles/module_setup.php3 

: Thi s script is used to create ai: L- : the window ^SU # * 

* will be used by the interface. It is wording w 
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. aU module objects in MODULES tmod.O... mod.nl. and set all 

: - ssrs rsrssXJL=5JSSj^^j^ ; : 

included •/uBT/wwv/htdaea/Bh*z*d/Mhmnd.fbp3 w )t 

^Fl'leVf^^ 

// write the initial setup j script 

SoutFile .= "var MODULE_NAMES - new Array 0 ;\n ; 

$outFile .= "var MODULES = new Array 0 ; \n\n" ; 

// this is the constructor 

$outFile .= "function layerObject (name) \n ; 

$outFile ■ {\n"; 

$outFile .= ■ this. Name * name;\n"; 

$outFile .= " }\n\n«; 

$ MODUL E- COUNT - 0; // will increment and use as key for MODULE^ NAMES 

&r«S rS.*5.7t!35£^-S^ «~ " a " * ' K1 ° tic^ • " sc "" 

$NUMBER_FIELDS = mysql_num_f lelds ($FIELDJIAMES) . //now y 

// go through the current module data 

// write the properties, and fill the Text value 

while ($curren? M ooule = mysql_fetch_array (SMOD.QUERY) ) 

^ // get the current module name 

$thisName = $currentModule ["Name"] ; 

// write to MODULE_NAMES . . . $t hisName . ■ • ; \n- ) ; 

$OUtFile .= (» MODULE jraMES[".$MODULE_COUNT. * 

// write code to create module object r**i-~+i>« sthisName °');\n"); 

$outFile . = ( "MODULES [ • » . $thisName . - ■ ] = new layerObject ( . SthisName 

// now go through all fields and using those as ^^^JSL>9 
I object properties for MODULES [n] . currentField I - Mah 
for($thTsField - 2; $thisField < $NUMBER_FIELDS ; SthisField ++ > 

( // write the properties by name (field) and value (row value for field) 
(.MODULESf" 5S32H;." •] .-.mys q l_field.name( $ FIELD_HAM E S.$thisField) .- = 
« . $currentModule [$thisFieldl . " ; \n» ) ; 

'* • am now going to fill the text field; 

* to do this, we first read in the html file as a 

* string, then we simply attribute that string to 

* the Text property of the current object; 

* the html files are named the same as the module ♦ .txt 

* and are in the /HTML directory 
*/ 

$HTML ■ ""; 

SHTMLpath = »/usr/www/htdocs/HTML/"; 

$HTML . = >HTMLpath . SthisName . " . txt " ; 

$tt = fopen($HTML, "r") ; i 
Sfilecontents . fread($tt, filesize(SHTML) ) ; 
Sfilecontents = ereg replace <»\n». --.Sfilecontents) ; 
Sfilecontents - ereJlreplace <« -\ - .Sfilecontents) ; 
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$outFile .= "MODULES [ ' " . $thisName . " 1 ] .Text = ' ■ .$£ ilecontents 
f close ($tt) ; 



$MODULE_COUNT++; 

} 



// write the total module count (1 higher on base 0) 

$OUtFile = ( "\nvar TOTAL_M0DULE_C0UNT - • « . $MODULE_COUNT . , \n\n ) , 

// now establish any prototype values 

SoutFile "layerObject. prototype. Column - 0;\n ; 

$outFile .= "layerObject. prototype. Row = 0;\n»; 

// the file (module_setup. ja) ; 
fputs ($thisFile, $outFile) ; 
$outFile = " ; 

FCLOSE($THISFlLE); 

The emphasized "include" statement found in the listing/file 
presented above refers to another script listing/file named 
"shared.php3." Such a file includes standard library functions 
used by PHP to generate output files in accordance with the 
present invention. Shared.php3 is listed below. Those familiar 
with PHP will immediately understand the functions presented in 
shared.php3 after carefully reviewing the same. 



<?php 
/* 

A SHARED FUNCTION LIBRARY FOR PHP 3 



erroneous ( errormsg ) ; 

"re^uires-'-'errormsg -> a string containing an error message, to be 
requires. er g att ached to the string "An error has occurred: 

and sent to an alert dialog box. Be sure to 
call this function from inside the <head> or 
<body> of the document. 

returns: echoes the javascript to alert the user of ™ d 
then resets the browser history to the previous page. 

mail_it( [address] , [subject] , message ) ; 

"%^ires:"-"Iddress">"a"vaiid email address; if no email address 
requires. aa ^ apecified( ^ wiu be aent t o the 

administrator, set in $address; „ 
subject -> an optional subject line. Default - "[none] 
message -> the body of the message. All messages will 

have date and time information attached to 

the bottom of the message. 

returns : Nothing . 
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dbase longt dbase , sqlquery ) ; 

- return the result index of a dbase request 



' dbase ( dbase , sqlquery , [read/write] ) ; 
f read or write to a single field in a specified dbase. 

";;aulres:"-"dblse"->"string containing a valid mysql database; 

- -> Te If'STiSS i « ^returns 

value) the function will return a string 
co^alSng tnat value. If set to -write" function 
returns a boolean success/failure flag. If not 
set, defaults to "read". 

the function will return "error". 



"get file( path , [html_flag] ); 

- Re"ads the specified file and returns all 
contents as a string. 

- lbt<Dl - na91 - are^Lc^'h "<br>« ht«l tags. 

returns: string -> each line (concatenated, of indicated file is returned 
as a string. 

*/ 

imiiimiiinii 

II erroneous 0 // 
///////////////// 

function erroneous ($errormsg) 

( $errorString = "An error has occurred: ■; 
echo "<script language^ »Javascript\»>\n ; 
echo ■ alert ( » " . $errorStr ing . $errormsg . );\n ; 
echo "self .history. go(-l) ;\n"; 
echo "</script>\n"; 
exit ; 

} 

lllllllllllllll 
II mail it 0 // 

IllllinillllU 

function mail_it($address,$subject * " [none] - , $message) 

{ $ address = <$addressr ? $address , "hhhubris®hotmail .com" ; 

_ \n".date(»M d Y, 

$ message . = "\n 

h* i * s" ) ; 

' mail($address,$subject,$message); 

> 
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Illlllllllllllllll 

11 dbase longO // 

iiiimrmiiiim 

function dbase_long($dbase,$sql_query> 

{ SnfB-^t t l ) Ul.^ery( $ abase (S B q l_q«ery) ; 
return ( $this_result ); 
mysql close 0 ; 

} 

miiiiuiiii 

II dbase 0 // 
///////////// 

function dbase ($dbase, $sql_query, $ read_write-read» ) 



mysql close 0 ; 

} 

iiiiiiiimiiiii 

II get filed // 

iiiiulumim 

function get.f ile ($this j»ath. $htmled = " ■ ) 
{ if (f ile.exists ($thisjpatb) ) 

1 rtntstuff%Tr^r f h r^ 
f close ($this_f ile) ; 

return f ereg_re P lace(»\n-.-<br>», $ tbis.stu £ f) - $ tbis.st, 

} 

} 

?> 

As noted above, the output javascript file that forms the 
basis of a software package and a corresponding windows based 
CME in accordance with the present invention is generated after 
executing the instructions listed in the scripts shown immediately 
above. Such output javascript file (referred to herein as a 
-javascript file containing window module setup routines") may be 
downloaded along with other web site source files to Ghent 
systems and, In particular, to WWW browser clients v.a an 
electronic data network such as the Internet and WWW. 
Alternatively, the other web site source files may be maintained 
locally within client systems which, at appropriate times, access 
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an electronic data network (e.g., the Internet and WWW, an 
intranet, or other networking environment, etc.) or local storage 
devices to receive the javascript file containing window module 
setup routines. Accordingly, the present invention contemplates 
the provisioning of a generalized windows based interface within 
a WWW browser client which may be particularized based on a 
single file (e.g., the javascript file containing window module setup 
routines, etc.) for given computing and data processing 
environments. That is. the present invention now allows web site 
developers and operators, for example, to create dynamic content 
manifestation environments easily and without having to endlessly 
generate new content delivery interfaces to appear dynamic. 

In any case, the output javascript file along with such other 
web site source files will instruct such a WWW browser client to 
produce a windowed CME in accordance with the present 
invention. A sample output javascript file that may be generated 
and stored on a server (e.g., on SVR system 102 - FIG. 1) and 
downloaded to a WWW browser client is listed below. Those 
skilled in the art of web programming and, in particular, javascript 
coding will immediately understand the same. 

WINDOW MODUI* SETUP ROUTINES (ESTABLISHES PARAMETERS FOR NEW WINDOWS WITHIN 

var MODULE JIAMES « new Array 0; 
var MODULES ■ new Array 0 ; 

function layerObj ect (name) 
{ 

this. Name * name; 

) 

MODULE NAMES [0] = 'MODtravel' ; 

MoSt^Dtravel'] = new layerObject ( .MODtravel - > ; 

MODULES [ 1 MOD travel 1 ] . Open = 0; 

MODULES [ ' MODtravel ' ] . Maximized = 1 ; 

MODULES [ ' MODt ravel 1 ]■ . Xposition = 0; 

MODULES [ 1 MODtravel 1 ] . Yposition - 0; 

MODULES [ 1 MODtravel ' 1 . Height = 200; 

MODULES E 1 MODtravel ' 1 . Width. » 400; , aool ai f n>< imq 

MODULES [ 1 MODtravel ' 1 . Text = '<i«9 .<e- "^%^e3 g i" £3-left><*»t 
S rc««imag e s/erase2.g^ £ find out mo re!' 

color»#ff0000>SPECIAL!</fontxbr>Click <a nrer« ff 

MODULE NAMES [1] = 'MODnews 1 ; 

MODUI^il'MODnews'] = new layerObj ect ( 1 MODnews ; 
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MODULES [ ' MODnews 1 ] . Open - 1 ; 
MODULES [ ' MODnews ' ] . Maximized = 1 ; 
MODULES [ ' MODnews ' ] . Xposition * 282 ; 
MODULES [ 1 MODnews ' ] . Yposit ion = 106; 
MODULES [ ' MODnews ' ] . Height = 400 ; 



size-10 



MODULES [ 1 MODnews 1 ] .Width * 200; c ellspacing=0 border=0xtrxtd 

^^:/Ssss-^^^;!K=£. „ ,2-.. 

n^me-»CONTOOLS» value- "Image* indow"> <param name- AUTOSTART 

namel-NoSLS" value=»0«> </objectx/tdx/trx/table>' ; 

MODULE NAMES [2] * 'MODchat 1 ; 

MODULES [ ' MODchat 1 ] * new layerOb j ect ( MODchat ; 

MODULES ['MODchat'] .Open = 1; 

MODULES t 'MODchat' 3 .Maximized * 1; 

MODULES t ' MODchat ' ] . Xposition = 404; 

MODULES [ ' MODchat ' ] . Yposition =» 377 ; 

MODULES [ ' MODchat ' ] . Height = 200 ; 

MODULES [ 1 MODchat * ] . Width = 200; -.^3- ceU padding=6 cellspacing^ borders 

modules [ » MODchat • ] . Text = ' <centerxf orraxtable ceiipaaamg 

SSS^trxtd bgcdor-SdOdOdO ali9n : ri 3 bt><font«ze=2 fl 
Sce.-verdana a r ial.helvetica-><i«9 arc- ^ f >< SH/trxtrxtd 

bgC olor=#d0d0d0><input type=»text» size-10 name ^ ia i,helvetica-ximg 

MODULE NAMES [3] = ' MODhomepage 1 ; 

SSJl^MODhomepage- 1 = new layerObject ( .MODhomepage' > ; 

MODULES [ ' MODhomepage ' ] . Open » 1 ; 

MODULES ['MODhomepage' 3 .Maximized » 1; 

MODULES ['MODhomepage' 3 .Xposition * 10; 

MODULES [ 'MODhomepage ' 3 .Yposition » 158 ; 

MODULES [ 'MODhomepage' 1 .Height = 200; 

MODULES ['MODhomepage' ] .Width - 300; 0 000>237</f ont> hits on your 

Sit«d..M»<i«9 .rc.■«l./.«wl•■S"■»•l»>•'=•» t • r> ■ ■• 
MODULE NAMES [4] - ' MODatOcka ' ; 

MODULEll'MODstoclcaM - new layerObject ( •MODstocka' ) ; 

MODULES [ ' MODstOclcs ' ] . Open » 0 ; 

MODULES [ 1 MODstocks • 3 . Maximized = 1 ; 

MODULES [ 1 MODstocks ' 3 .Xposition * 175; 

MODULES [ 1 MODstocks ' 1 . Yposition * 175 ; 

MODULES [' MODstocks '3 -Height » 200; 

some more ....'; 

MODULE NAMES [53 * 'MODemail'; 

MODULES [ ' MODemail ' 1 - new layerObject < 'MODemail ') ; 

MODULES ['MODemail'l .Open = 0; 

MODULES I ' MODemail » 3 . Maximized = 1 ; 

MODULES ['MODemail' 3 .Xposition = 127; 

MODULES [ ' MODemail ' 3 • Yposition = 127; 

MODULES ['MODemail '3 .Height = 300; 

MODULES ['MODemail '3 .Width = 200; 

MODULES ['MODemail '3 .Text - 'this is the email ; 

module NAMES [63 = 'MODsearch'; 

MODULES ['MODsearch' 3 = netf layerObject ( 'MODsearch' ) ; 

MODULES [ ' MODsearch ' 3 . Open * 0 ; 

MODULES [ ' MODsearch ' 3 • Maximized = 1 ; 

MODULES [ ' MODsearch • 3 • Xposition = 7 ; 

MODULES ['MODsearch' 3 .Yposition = 127; 

MODULES ['MODsearch' 3 .Height = 200; 

MODULES [' MODsearch '3 .Width = 150; 
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MODULES [ ' MODsearch' ] .Text = ■ <form raethod-POSTx center xfont size=4 >WWW . WINDOWS - 
WEBSITE.COM SEARCH ENGINE</f ontx /center ><p>< input type=hidden name-altavista value=y> 
AltaVista, <input type=hidden name^infoseek value=y> InfoSeek, <input type=hidden 
name=webcrawler value=y> WebCrawler, <input type=hidden name=thunder ^lue=y> 
ThunderStone, <input type=hidden name=excite value=y> Excite, < input type =hidden 
name-lycos value=y> Lycos, <input type=hidden name=yahoo value=y> Yahoo, <input 
t^Lhidden nameiook value=y> LookSmart, <input type^hidden name=mining value«y> The 
Mining Co., <pxfont color=f f 0000>Search For</font> : <input type=text width=40 
natne«textxinput type=button name-search value=Search 
onclick* "top. f etchFile (\ ' http : //pavlov. apollo-ent . com/cgi-bm/nph- 
search?search«Search&altavista=y@infoseek=y\') ;»x/form>' ; 



var T0TAL_M0DULE_C0UNT = • 7 ' ; 

layerObject. prototype. Column = 0; 
LAYEROBJECT. PROTOTYPE. ROW = 0; 



As noted above, the generated javascript file containing 
window module setup routines may be processed by a WWW 
browser client along with other related web site source files to 
produce a windowed web site environment within a CME of the 
WWW browser client and one into which other content feeds 
(news feeds, stock fees, etc.) may be manifested. 

The above-referenced other related web site source files 
that are generated and stored within server side data storage 
facilities are to be configured in accordance with the present 
invention to reference the window module definitions maintained 
within the above-described generated javascript file. Exemplary 
files to facilitate such a windows based content manifestation 
environment are next described to illustrate their interaction with 
the above-described javascript file that contains window module 
setup routines. Those skilled in the art and, in particular, those 
skilled in web site design and implementation and object oriented 
programming techniques will readily understand the constructs 
and functions defined in the following code listings/scripts/files 
after careful review of the same. 

In particular, the following listings relate to files which are 
described in detail below and which are named: 

• index.html 

• interface_main.html 
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mainnew.html 

var_declarations.js 

gen_functions.js 

preloader.js 

nav_buttons.js 

module_draw.js 

resize.js 
pop_functions.js 

pops.js 

positioningjunctions.js 



index.html 

The following index.html listing/file initially loads a set of 
referenced objects including other HTML and javascript routines. 
One such javascript file that is loaded is referred to as 
»module_setup.js." That file is the generated javascript file that 
contains window module setup routines. 

<ht n axheadxtitle>weXcome to WINDOW-WEBSITE . com</title> 
Harriot languages "Javascript" 

<script language- "Javascript arc- 9^ j8 .></script> 
< B cript language-'Javascript' """^^tona.js-x/ script* 

««-».- fran.espacing-0 fra^order-0 fra-eborder-nC 
b °Sa^ > src=»interface_main.ht«l» _-•»»- »arginheight=0 
"SS^-SS^^^" -rginheig*t=0 -rginwidth-0 
border»0 noreaize acrolling=no> 



</frameset> 
</html> 



interfacejnain.html 
The following interface_main.html listing/file may be 
included to check WWW browser versions. That is, the following 
HTML file may be used to check browser compliance with HTML 
standards associated with version 4 type browsers (e.g., 
NETSCAPE COMMUNICATOR 4.x, MICROSOFT INTERNET 
EXPLORER 4.x, etc.). 
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<HTML> 
<HEAD> 

<TITLE>< /TITLE > 

SSaSSKl'TTSSj » ^inHew.^ = ..ainOid.ht^; 

</script> 

</HEAD> 

<BODY> 

</BODY> 

</HTML> 

mainNew.html 

The following mainNew.html listing/file causes WWW 
browser client layout of an initial set of window modules (as 
defined within module_setup.js - discussed above) within the 
WWW browser client's CME (i.e., causes display of windows 
within a browser's screen window, etc.). 



<HTML> 

<TITLE>welcome to wwww. windows -website. com</TITLE> 

<script> ,i . „ wi ^«-v, =s -j nnerwidth; origHeight=innerHeight ; onre 

Script language=»Javascript» src=»positioning_functions . js«></script> 

<scri?t lan^uage.-Javascript- src-popjunctions. js ></script> 

.script language-- Javascript" src-"res«e. js-x/script> 

Script language.-Javascript- src.-dtd.js-x/scnpt> 

< STYLE TYPE="text/C8S-> 

</STYLE> 

5po?per {position:absolute ; width:96; z-index=10i ; visibiXity , hidden. } 
</STYLE> 

: 8 ^ D ^gcolor=#d0d0d0 background=»i«ages/simple.back.gif- onLoad="init<) »> 

with (document) 
{ 

if (top.IE4) 

1 writelnC<div ID««loader« STYLE- "posit ion: absolute; visibility , hidden; z- 
index:100»>') ; 

writeln (loader Image) ; 
writeln('</div>M ; 

1 write (Stable cellpadding-2 cellspacing^ boxdar-0 align-rightxtrxtd align^right 

valignstop height=30>» ) ; 

writeln (top . navButtons ( ) ) ; 
top.finalNavs » ' •; 
writeln (top . TABLE_CLOS EATABLE ) ; 
writeln(top.makeSpacer (2,100) ) ; 

) 

top.drawModulesInTables () ; 

if (top . I S — DRAGGABLE) { top. setVisibility () ; ) 
document . writeln (top . doPop ( ) ) ; 



top. pops 
</script> 
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:3S. 4 SS3SU-0 cellspacing^ borders width-760 height=lOOO><trxtd> 

</tdx/trx/table> 

</span> _ 

:STciSS2S ceUsplSng-0 *>rder.O width-760 height=S00xtrxtd> 

</tdx/trx/table> 

</ifratne> 

</div> 

</BODY> 

</HTMIj> 

var_declarations.js 
The following var.delclarations.js listing/file includes 
general and specific variable and array declarations which when 
processed by a WWW browser client will establish and initialize 
variables used throughout the routines, processes, and functions 
defined in this section of the instant patent document. 

// set path info here 

mr default IMAGE PATH = 'images/'; // path to general image directory 

Tar ■ '^T^ol;/' ^Path STlSfSi ^graphic. 

var MODULE IMAGE_PATH = 'module_images/ • ; // path to 

var POPPER>TH - 'popper/'; // path to pop-up item graphics 

/* 

* general environment variable setup 
* 

var N4 = (document. layers) ; // netscape 4+ ? 
var IE4 = (document. all); // explorer 4+ ? 
var IS4 = (N4 | | IE4) ; // 4th gen browser? 

war PiLEOPEN =0; // whether file open ,„„_„_ 
« 7THDEX a 0- //set variously throught operations on layers 
v« SSSle CLASS - ^SIZEABLE'; // the CLASS name 
I" MODULI MlN_X = 200; // the minimum width 

var MODULEJIINY = 36; // the maximum width of a scalable layer 

// the following are visiblity settings for netscape and explorer, where 

// NV10] element = netscape hide, NV[1 element - net; 

// EV 01 element = netscape show, EV[1] element - explorer show, 

// used by showHideO in positioning.functions.js; 

var NV = new Array Chide' , 'show') ; 

var EV = new Array ( • hidden • , 'visible' ) ; 

//linxSet = », // this i^ for navigator to cheat the linx .disappearance' in an object 
var SCREEN VERTICAL OFFSET = 40; // allowances for vert borders » browser buttons 
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var DEF AULT_S CREEN_W IDTH = 800 - SCREENJiORIZONTAL_OFFSET; // if old browser, this is 
default 

var SCREEN JC = (IS4) ? screen. availWidth - SCREEN JiORIZONTAL_OFFSET : 
DEFAULT_SCREEN_WIDTH; 

var SCREENJf »~(IS4) 7 screen. availHeight - SCREEN_VERTICAL_OFFSET : " ; 

var SPACER = ' dummy.gif; // a transparent 2x2 gif that resides in DEFAULT_IMAGE_PATH 

// html tags 

var LINEBREAK = ''<br>< ; 
var PARAGRAPH = '<p>' ; 
var NEWLINE = »\n' ; 

var TABLE — STANDARD = ' <table cellpadding=2 cellspacing=0 border=0 width=100%> ! ; 

var TABLEJTR » 1 <tr> ' ; 

var TABLE_TD « ' <td valign*top>' ; 

var TAB LE_TD_B LACK = • <td bgcolor*#000000 valign=top> ' ; 

var TABLE_CLOSE_TR » '</tr>'; 

var TABLE~CLOSE~TD » »</td> 1 ; 

var TAB LE~CLOS E~= '</table>' ; 

var TAB LE_CLOS E_TAB LE * '</tdx/tr></table> ■ ; 

var OPEN_MOD s • •; // set to module wrapper start tag; set when drawing modules 
var CLOSEJTOD = '</SPAN>'; 

var CLEARJSTATUS - 1 status»\ ' \ 1 ; return true;'; // clears status line 
var CLEAR_STATUS_FULL » (' QnMouseOver= n statussV \ ' ; return true;" 
onMouseOut= t, statusa\ t \* ; return true;"'); // complete commands for status clearing 

* standard module layout information * 

* stuff like info on module buttons, * 

* cellpadding, how many modules per * 

* row, etc. * 

var IS_DRAGGABLE = 0; // boolean on environment; 0«not draggable 
// the number of modules per row; 

// note how a width of less than DEFAULT_SCREEN_W1DTH will only get 2 rows 
var MODULES_PER_ROW * (SCREEN JC < DEFAULT_SCREEN_WIDTH) ? 2 : 3; 

var DEFAULT_MODULE_WIDTH . 25; 

var DEFAULT J10DULE_BGC0L0R = »#f0f0f0»; // default bgcolor for all layers 

var DE FAULT_MODULE_ BACKGROUND • ( MODULE_IMAGE_PATH + 'def ault_background.gif ') ; 

var MODULE_FONT = ( ' <f ont size=2 face= rt verdana,arial, helvetica" color=#000000> 1 ) ; 
var MODULE~CLOSE_FONT « { ' </font> 1 ) ; 

var MODULE_CELL — S PACING * 4; // the value of cellspacing in layout table 
var MODUI^CELlTPADDING » 0; // the value of cellpadcftng in layout table 

ft************************************************************ 
** ENTER THE IMAGES TO BE LOADED HERE. MAKE SURE YOU ** 
** INCREMENT LOAD_STRING PROPERLY, AND BE CAREFUL WITH THE ** 
** SPECIAL CHARACTERS AND COMMAS ** 
** ** 

** all preloaded images are stored in PRELOADED_IMAGES [] ** 
*************•*****•**********************************<******* 
***★************************************************★*★**★***/ 

var LOAD_STRING = new Array (); // init 

// ! SAMPLE I // LOAD — STRING [n] * » -these images/, *.tif, f irstimagename, secondimagename 



LOAD — STRING { 0 ] = »M0D_news, MOD_email, MOD_chat, MOD_homep age, M0D_t ravel' ; 
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'\ There are some simple rules to follow when adding LOAD_STRING ( s ) , 

\ 1. Try and keep distinct bunches of }^ ^J^^ix* that 
.2 Good to establish path &6 extension at start of string tnas 
. will persist through whole string. 

* 3. Use names that make sense. 

I P ath is persistent, so once it is set that is the ^^t^ill^^ ^ 

I SS1SS S e .Sges/.?ryou &3£ "set this if .images/- is the path; 

I lma 9 e type works in the same way^ign ^ViS^^L, 
. NOTE: DEFAULT IS ' .gif ' . so you don't have iod .. ie . -*.jpg'; 

. ^SO: if you do change the extension, don't forget the period 

* laid out Remember that the filename 

* Simply list the images according to the format laid out. 
. JHetermined by the name in the list in this way: 

I if my string is " IMAGE_BLUE , IMAGE_RED " the images that must exist (ie. will be 
. requested by the function) will be _ 
. IM AGE_BLOE_0,IMAGE_BLUE l.I^E 0 mGE_RED_l , active (on) image on 

* t o' will be the default (not on) image; _i win 



rollover. 



// these are the items within the popup (4th gen only) 

var POP ITEMS = new Array ('personalize-, 'contact', 'help . info ). 

var POP~WIDTH - 96; // width of pop-up graphics 

var POPlHBIGHT = 18; // height of pop-up graphics 

gen_functions.js 
The following genjunctions.js listing/file contains general 
functions that are referenced and used by the other functions 
defined in the listings contained within this section of the instant 
patent document. For example, the function getName(. . .) is used 
to obtain a window module's name from system variables. 

var fullPile = " ; 
var thisHOD = " ; 
var objRBF = ' 
var M = 
var OBJ = " ; 



/* 

* fliplmageO 

. does image flipping based on PRELOADED array set in preloader. js 
function fliplmage(thislmage,thisstate) 

{ status = thislmage + ' - ' + thisState; 
} 
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STSJSlrlil obiects and sets their visibility 
1 function setvisibility 0 

* £ Or (x=0; x < MODULE_NAMES. length; x++) 

( if ( ! getModulelnf o ( • open- , MODULE_NAMES [x] ) ) 

{ top . frames [0] . showHide (MODULE_NAMES [x] , 0 ) ; 
} 

} 

return; 

} 

* getName (module name) 

* returns the -real' name of the module in CAPS 
* 

*/ 

function getName (name) 

' var nn = name. substring (3, name. length) ; 
return (nn . toUpperCase ( ) ) ; 

} 

* 

* popAlert( string) 

* simply pops an alert containing string 
* 

*/ 

function popAlert (sendThis) 
alert (sendThis) ; 

} 

/* 

* makeSpacer (width, height) t-ransnarent image that 

* call this to place a spacer graphic de. a transparent imag 

* is set by the width height values specified. 
* 

*' function makeSpacer (thisWidth, thisHeight) 

( : h Ls5ac2 aC = e (-:img''src=». ♦ DEFAULT_IMAGE_PATH + SPACER ♦ width - ■ 
thiswidth + • height - • + thisHeight + •>'); 
return (thisSpacer) ; 

} 

'. VSSSSSSPSS^'Sr^ of .property^ in MOOname 

* 

*' function getModuleInfo(propertyName # MODname) 

>' . 

* fetchFile(thisFilename f module name) 

* loads an external file; 

* if a 4th gen browser, switches layer without 

* page refreshing. 



' function fetchFile (thisFilename,md) 
{ 

-39 



fullFile = CfetchFile.php3?fileName=' ♦ thisFilename); 
if (!IS4) // if not 4th gen, nothing for now 

{ top. frames to] .location. href - fullFile; 
return; 

} 

if ( ! is_DRAGGABLE) // if we aren't loading into module window 
{ top. frames [0] . scroll (0.0); // reset to top 
if(lthisFilename) // if no thisFilename, then hiding 

{ (N4) ? top.frames [o] .document. output . visibility = 'hide- : 
top.framestOl.document.all.Eoutput.style.visibility = 'hidden'; 

top.FILEOPEN = 0; // flag no file 
return; 
} 

if (N4) 

{ top.framestO] .document • output. visibility -' show- ; 
top. frames [0] .document. output. src - fullFile, 

} 

else 

{ top. frames[0]. document. all. loader. style. visibility - 
•visible' ; top.framestO] .document. all. Eoutput. style. visibility - 

'visible'; top.framestO] .document. all. Eoutput. src - fullFile; 

} top.FILEOPEN =1; // flag open file 

} else // if a draggable interface, load into sent module window. 

{ // wrap output in a holding table - formatting reasons only 
uaSSen-T- (Stable cellpadding=2cellspacing=0 

border.0><tr><td f ^^^ 
thisFilename) ; 

) 

preloader.js 

The following preloader.js listing/file is a general purpose 
image pre-loader routine that stores 'rollover* image information 
for various buttons, etc. within a windows based CME provided in 
accordance with the present invention. 

/* 

* .preloader 

! load s all rollover images. Hill load based ona l^^^oni 

* image 0,image_l is base image (no rollover), ana roiio 

t reads'the array LOAD_STRING in var.delarations . J. and preloads all the indicated 

* images as per above. 
*/ 
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'. ««««««««««««« ! ! IMPORTANT I ! >,»»»»»»»»»»»»» [ 

I ALL OF THE INFORMATION RELATING TO WHICH IMAGES HILL BE * 
. ALONG WITH INSTRUCTIONS ON HOW TO DO FILL LOAD.STRING l) , ARE FOUND IN ^ 
* THE INCLUDED FILE var_declarations . js; t 

I DO NOT MODIFY THIS FILE! ! ! ! * 

:„ * ........**./ 

if (document. images) // only runs on browsers that support image object 

var PRELOADED = new Array 0 ; 

// store the length of total LOAD_STRING(s) 
var numberOfLoadStrings = LOAD_STRING. length ; 

the following construct will go through all LOAD^STRINGfs) and split out on 
. commas. What we will end up with is PRELOADED filled 8ets 
. elements contained in the various LOAD_STRING(s . Th 

. or image extensions sets, or image names to preload (most often image names, 
* These will then be sorted through, targeted, and sourced. 

* 

*/ 

for(currentLoadString=0; currentLoadString < numberOfLoadStrings; currentLoadString ++ ) 

{ PRELOADED [preloadTrack] »■•;// initialize so we can build the string 
// determine the length of the current string , ... 

A U S S'.'w^tTLy into tor PREWADED .0 .t«. »» — «• 
if (currentCharacter == ' , ' ) 

preloadTrack**; 

PRELOADED [preloadTrack] = ' ' ; 

else // if it isn't a comma, continue to build the element string. 
^ PRELOADED [preloadTrack] += currentCharacter; 
} 

1 // since the last key in PRELOADED does not end with a comma, if we don't 
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// increment the key the next image name will be appended to last key 



value 

preloadTrack++; 



* now go through all elements and preload. 

* will store in PREU)ADED_IMAGES [name] [on/off] 



* 



for(xx=0; xx < PRELOADED . length ; xx++) 

^ // get the current element 

currentElement = PRELOADED [xx] ; 

// get the first character of the element; 

// essentially checking for (*) || (-> 
firstCharacter = currentElement .char At (0) ; 

if (firstCharacter « '-') // path switch? 

} else if (firstCharacter =-'*')// extension switch? 

^ currentExtension = 

currentElement . substring (1 ( currentElement . length) ; 

else 

{ 

/* 

* now build the preloaded array; 

* get SrrentPath + currentElement * on/off setting + 
currentExtension , ^ attribute that imag e to 

PRELOADED_IMAGES [currentElement] ( [0] 1 1 CU ) ■ src 

PRELOADED^ IMAGES [currentElement] = new Array 0 ; 

for (onoff Track = 0; onoff Track <= 1; onoff Tracks) 

( currentlmageLocation = (currentPath + currentElement 

+ + onoffTrack ♦ ^ rrent ^ ten8 ^^^ IMAGES [curr entElement] [onoffTrack] » new 
Image ( ) ; P reloadeD_IMAGES [currentElement] [onoffTrack] . src = 

current imageLocat ion ; 

// turn this on to watch preloading 
information as it is being stored; ^ a lert (currentElement + onoffTrack + ■-- 

• + currentlmageLocation) ; 

} 

} 

} 

}• // end document . images check 



-42- 



nav_buttons.js 

The following nav_buttons.js listing/file creates navigation 
buttons which may be used to control general aspects of a web 
site that is windows based in accordance with the present 
invention and which may be take the form of the set of 
environment controls 210 shown in FIG. 2A. 



* header section info , ,. 

* defines the default help/change/ info buttons used in navButtonsO 

*/ 

var NAV HELP - C<a href*" javascript:top.navFunctions(Vhelp\' ) "ximg src=" • + 
nav buttons PATH + 'help. gif" hspace=l border=0x/a>' ) ; 

S-£?S3- ('<a href =« javascripts^ + 
NAV BUTTONS PATH + ' change .gif" hspace=l border =0 >< /a>' ) ; n ^ =n( . 

var Sv INFO = C<a href « w javascript : top. navFunct ions (V info\ 1 "ximg src= + 
NAV_BtTITONS — PATH + ' info. gif ■ hspace«l border=0x/a> 1 ) ; 

function navButtonsO 
^ var tempName = ' 1 ; 

var mSa^Butt:ns , : 12; // max buttons per row (including numGenButtons) 

f inalNavs + - (NAV.CHANGE ♦ NAV_HELP + NAV_INFO) , // add in general nav functions 

//go through all modules and set their buttons 
for(x=0; x < MODULE_NAMES . length; x++) 

{ if(((x % maxNavButtons) == 0) && (x !- 0)) // break row if more than 12 
{ f inalNavs += • </tdx/trxtrxtd align=right valign=top> ■ ; 
} 

tempName = MODULEJJAMES [x] ; 

// establish raouseOut and mouseover strings; 
// sends top. f liplraage(imagename f state, frame) ; 
// (image name, on or off, which frame it is located in) 
var «Sv1r = Ctop.flipImage(\- ♦ tempName + «\M.0)i return true;'); 
var mOUT = ( ' top. fliplmage (V • + tempName + 'V.1.0); return true; ); 



var realNarae * getName ( tempName ) ; // used for ALT 

iA ' . \ ' ■ 

+ NAV BUTTONS_PATH 



+ ,n x/a>'); 

1 f inalNavs +» '<br>'; 



rinaTNavs°^ P '<img src^images/blackbit .gif ■ width=100 height=20 
name= "navText •' ><br> ' ; 

return ( f inalNavs) ; 



} 

function navFunctions (thisFunc) 
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alert (thisFunc) ; 
return; 

) 



module_draw.js 
The following module_draw.js listing/file is used to cause 
rendering and layout of window modules (windows) within a 
WWW browser client CME by content rendering and layout 
modules of the same. 

. VARIOUS ROUTINES AND FUNCTIONS TO HANDLE THE DRAWING OF MODULES ^ 

•/ 

var currentName = • • ; // used when initializing table contents 

var ^rrentcontent - •• ;// string that is built to output to modules 

zi ssss= : »: 'I, yissSKiWS-— *. «, . — 

var IS_DRAGGABLE » (IE4) ? 1 : 0; 

/ * simply get the number of modules per row, and 

* initialize columnTrack [] first dim; 

* 2nd dimension incremented and filled later. 
* 

*/ 

var columnTrack = new Array 0 ; // array to hold column <=o«ten« 

for(x-0; x < MODULES_PER_ROW; x ++ ) // < since numMod-s starts counting at 1 

^ columnTrack [x] = new Array 0; 

) 

var currentcolumn =0; // initialize column we are writing to 

, * * * *r"ir*;rr" 

. The following goes through all the object names and sorts them ^ 

* into columns based on T0TAL_M0DULE_C0UNT ; , „ 
. we end up with columnTrack [column] to^" 0 ^^^^^....*../ 

for(var currentObject=0; currentObject < TOTAL_MODULE_COUNT ; currentObject ++ ) 

{ currentName = MODULE.NAMES [currentObject] ; // get latest module name 

if (currentObject i* ((currentObject % M0DULES_PER_ROW) -= 0) ) 

' // this runs whenever max column is reached; 

// if at end (%MODULES_PER_ROW) , reset to 0 
currentcolumn ■ 0; 

} /* The following handles the array indexing 

. module to a column. First it checks to see if any *?*aes 
. have been added to the column ( •undefined 1 if not); if there 
. ate exiting modules, simply set -mberOfModu^sInColumn to 
* the length of the array (which is 1 higher than last index) , 
. and that becomes the array index for the new entry; 
» if not, then set the index to zero(0)) 
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aumberOfModulesInColum - (colunmTracklcurrentColunm] [0] ) ? 
columnTracklcurrentColumn] .length : 0; 

££££lZ£2£Z* ^erOfMoauiesXnColu^, - current; 

// set the module's Column property 
MODULES [currentName] -Column = currentColumn; 

module/^ 
currentColumn^; // keeping track of which column we are in 

} 

* the object names that have been sorted into those column 

* on initialization (into columnTrack) : whatever; 
. ie . 0:0 MODnews; 0:1 M0D_news; ... 3:2 MOD_whatever , 

* Good point to check what -a going on in case of bugs. 
« for(y=0; y < MODULES_PER_ROW; y++) 

* ' for (2-0; z < columnTrack [y] .length; 2++) 

* ' aler t(y +■ :•+«+■-' + columnTrackly] til); 
} 

* ) 

* 

•/ 

function drawModulesInTaM.es 0 

{ " ^"««tr™ ™ ™ var styleset 

V ar tablesetup - stable cellpadding-' + MODULE^ELL.PADDING * > cellspacing- ♦ 
MODULE CELL SPACING + • width=100% border =0> ') » 

// fat (center) TD setup 

var fatTD = C<td valign=top>' ) ; 

var raoduleString » ' • ; // clear it 

with(to P .frames[0] .document) // set ref to main window for output 

// set the holding table; 

// draggable interface sets size to about 90%, 

// regular 9oe%100% (tableSetup + TABLE TR) ; 

moduleString = ( I S_DRAGGABLE ) ? ■ ^ AUJ - 

writeln(moduleString) ; moduleString = 

// ignored just as above 
if ( ! I S_ DRAGGABLE ) 

// if one of the columns on the ends /MrtnmC e per ROW -1))) 

if((thisColumn =- 0) || (thisColumn (MODULES_PER_ROW 1) 

^ writeln(initTD) ; 
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else // if one of the central columns 



{ 

writeln (fatTD) ; 

} 

} 

// now go down the current column and write all the modules 



{ 



content) 



memory 



// NOTE: currentName is being reused here 
currentName = columnTrack [thisColumn] [thxsKeyl ; 

// gets the objects Text value (a string containing all 

// and builds it into the string, thenwrites 
writeln(getModuleContents (currentName) + NEWLINE + NEWLINE) , 

// clear them up so we don't have it sitting around in 



= ' • 



) 



currentContent 
controlbarOut ■- ' ' ; 

// close the current column if not draggable 
if ( I IS_DRAGGABLE) { writeln (TABLE_CLOSE_TD) }; 



NEWLINE) ; 



} 



writeln (modules t ring) ; 
moduleString * 1 ' ; 



return; 

*lnd*d^lwMoaule8lnTables() at ^^ # i^°^J^t!**l y 



/**************************************** 

* end module container setup # ^^^° n ^* / 

/# ^**************************************************** 

* getModuleContents (module_name) 

* Constructs the entire contents for a module; 

* when called, it constructs a string (currentContent) 

* and returns it; 

* the same for floating or fixed modules, since 

* it is only the positioning of the holding 

* table that changes, not the layout J . - , -pA *******#* 

function getModuleContents (thisName) 



{ // this turns off further ouput in tiled version 
if ( I IS_DRAGGABLE) 

^ if (igetModulelnfoC open', thisName)) { retumC); } 
} 

// set the proper container for draggable items 
i f ( I S — DRAGGABLE && top.IE4) 

{ % w„,o,n-o. + MODULES [thisName] .Yposit ion + 

styleSet = - ST*LE«\ "position: ^^^/^e^ 3 solid black; 
left:' + MODULES [thisName] .Xposition + '? overflow. auto, 

background: #f Of 0f0;\" ■ ; 

OPEN MOD = C<SPAN ID-- + thisName + ' *f^ S ^ A ^^ 
currentContent +. (NEWLINE + OPENMOD) ; // set the div ID 
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// start the 'border 1 table for non-draggable interface; 

2£fc55ly\ relative table with cellpadding of 2 to create 
// a 2 pixel black border around the content of the module 
if ( ! IS_DRAGGABLE) 

{ currentContent + = (TABLE.STANDARD + TRBLE_TR + TABLE_TD_BLACK) ; 

) 

// run the function to create the control bar for modules 
currentContent += (doControlBar (thisName) ) ; 

'* * now checking if module is minimized or maximized; 

* if window isn't maximized, just return the header-bar table. 

* only for non- draggable, tiled version 
*/ 

if ( ! ISJ3RAGGABLE) 

ifOgetModulelnfoCmaximized-.thisName)) // end if not maximized 

{ // add a spacer to separate this module from any below it; 
// close holding table first! 
- currentContent + = (TABLE_CLOSE_TABLE+ 

makeSpacer(100,MODULE_CELL_SPACING) + LINEBREAK + CLOSE_MOD) ; 

return (currentContent) ; 
} 

) 

// now set the nested table that will output ^content 
currentContent + = ( TABLE_STANDARD + TABLE_TR + '<td bgcolor- 
DEFAULT_MODULE_BGCOLOR + '>' + NEWLINE); 

/# **VVegin THE MODULE CONTENTS HTML O"^^^* 
*/ 

currentContent += MODULE_FONT; // standard font set 

. inserting the contents of this objects .Text *«ing *£J " . 
currentContent +- (MODULES [thisName] .Text) ; 

CUrrentC^^^^^ ♦ TABLE_CLOSE_TABLE + NEWLINE) ; 

if ( ! IS_DRAGGABLE) // close the -border' table for tiled version 
currentContent +» TABLE_CLOSE_TABLE; 

} 

// close the MODULE 
currentContent += (CLOSE_MOD + NEWLINE) ; 

// return the whole module contents 
return (currentContent) ; 

} 

- ***:*r*TT*ir^T 

the function that appends to ^" oa " a \ a ^f™he title 
* control bar on top of modules (ie. the black bar with the title 
. and navigation buttons on top of the modules) ; if called on 
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function doControlBar (barName) 

( controlbarOut = ••; // make sure it's clear 

controlbarOut - ( stable cellpadding=0 cellspacing^ border=0 widtb=l00%>' ♦ 
™ LE - TR>; controlbarOut += ^ width=100 he ight=30 bgcolor=#000000>' ♦ 

NEWLINE); ,. flp mm 30 pixels high, arbitrary width 

barName + , pic">' + LINEBREAK + NEWLINE); 

sssss :: ^= 3 ° bgcoior.*ooo 0 oo>. ♦ 

NEWLINE) ; 

............ * «♦ * ************ 

•« / 

var realName - getName (barName) ; //used for ALT 

var MODULE.CLOSE closeV A . . + barName + '\')"><i«g src=»' + 

href ,» javascript:top. frames [01 .handleModule(\ *l° 8e V^ „ alt= . CL0S E • + barName ♦ 
M ODULE_lMAGE_PATH ♦ 'close.gif border=0 hspace-0 vspace 
• '•></a>') ; 

hr .f-«javascriptitop ; frames[0 J;*******?!; a ce-? vs pace-0 alt-»MINIMIZE ■ ♦ realName ♦ 
MODULE_IMAGE_PATH + 'reduce.gif" border«0 bspace=i vspa 

'»></a>*) : "; 

// no expand on draggable , M , M oduleInfo( 'maximized' .barName) ) ? C<a 

var MODULE.EXPAND = ( 'W-™**" ^.l^SSS^^nm ♦ 'V)»><img .re- 
^^l^ alt-MAXXMXZE ' ♦ realName ♦ 

" Ir M0D0LE_HELP - C<a bxef i -script :t op- frames [0] [^^l^l^l 
barName + '\')»><img src=» • ♦ MODULE_IMAGE_PATH + 'help.gif border p 
alt*"GET HELP REGARDING 1 + realName + "■></a> ) ; 

controlbarOut - (MODULE.HELP + MODULE_REDUCE + MODULE.EXPAND + MODULE.CLOSE ♦ 
LINEBREAK + NEWLINE) ; 

// close the header-bar table » 

controlbarOut += ( TAB LE_CLOS E_T AB LE + NEWLINE) ; 



) 



return (controlbarOut) ; 



resize.js 

The following resize.js listing/file is used to allow window 
module resizing within a windows based CME. A user may adjust 
window sizes to suit particular content display attributes, to make 
a particular window module smaller, etc. 

var theobject = null; //This gets a value as soon as a resize start 
var thisLayer = null; 
var element ID = ' ' ; 
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var thisID =» ■ ' ; 

var lastModule -••;// stores the last active window 

var elementID, xPos, yPos, cursorType, xMin, yMin; 

function getDirect ion (elementID) { 
var xPos, yPos, offset, dir; 
dir = nn ; 

xPos ■ window. event .offsetX; 
yPos = window. event .off setY; 

offset » 8; //The distance from the edge in pixels 

ILilr^rre^t^rfsetWidth-offset) dir ~ - , 
return dir; 

} 

function doDownO { 

elementID = event . srcBlement ; 

if (elementID »- null) 
{ 

theobiect = null; 
return; 

// } exit if isn't a proper MODULE layer ||a sizeable image 
if (^elementID . tagName I ■ 1 SPAN' ) (element ID. c las sName ! 
{ 

return; 

} 

dir » getDirection (elementID) ; 
if (dir *o nn ) return; 

theobject = new Object 0 ; // setup up a namespace 

theobject. element ID ■ elementID; 
theobject. dir = dir; 

theobject.grabx » window. event . client X; 
theobject.graby = window, event .clientY; 
theobject. width = elementID. of f setwidth; 
theobject. height * element ID. of fsetHeight; 
theobject. left = elementID. off setLeft; 
theobject. top - elementID. of f setTop; 

window. event. retumValue - false; 
window. event . cancelBubble - true; 

} 

function doUpO 

{ if (theobject 1- null) // clear any existing object 

^ theobject » null; 
) 

} 

function doMoveO 

^ xMin * tOp.M0DULE_MIN_X; 
yMin = top.MODULEJIINJf; 

elementID = event . srcElement ; 
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cursorType = " B ; // set default 
if (element ID. tagName 'SPAN') 

{ cursorType = getDirect ion (element ID) ; // get direction info 

// set cursor , 
if (cursorType == ») { cursorType - -default ;} 
else { cursorType += "-resize"; } // the resize airectio 

] elementlD. style. cursor = cursorType; // set the cursor 

//B 3S2y^'.- b Sl) // « there is still an active object 

{ // check if we^re mousing over the currently open module (ie. lastModule) ; 
„ 11 ^r^-t^'^le. t^en update z-inaex 
ifJMtl^ot^i-tlD.ld I- lastModule) || (.lastModule)) ft* 
(theobject. elementlD. id != ")) 

{ setZIndex (theobject. elementlD. id); current 
lastModule = theobject. elementlD. id; // store current 

} 

if (dir.indexOf ("e") != -D 

{ theobject.elementlD.style.width = Math. max (xMin, theobject. width ♦ 
window. event. clientX - theobject.grabx) ; 

' if (dir.indexOf ("s") i- -D 

{ theobject.elementlD.style.height = Math. max (yMin. theobject. height 
+ window. event. client V - theobject.graby); 

1 if (dir.indexOf ("w") !- -1) 

{ theobject. elementlD.style. left - ^■** {t * e °?£° t - l *L\ 
wina ow.event.clientX - ^ :S £«^j£ 2 2^^^.«~ " 
window . event . clientX + theob j ect . grabx) ; 

//Checking for n resize ftft cutting off "^P"^ header 
if((dir.indexOf("n") != -1) &t (window. event. clientv > 

top.SCREEN_TOP_OFFSET) ) 

{ theobject. elementID.style.top - ^^^^^ZiL)- 
wiad ow.event.clientV - ^^^SSSSSfc* SESSS Object. height 
- window. event. client* + theobject.graby); 

^ window. event. returnValue = false; 
window. event. cancelBubble = true; 

} 

} 

The listings/files discussed above include various files 
which are used to create and allow manipulation of pop-up 
window modules and layers. Two main listings/files (javascript 
files) that are used to deliver such functionality: pops.js and 
pop_functions.js. Such javascript files are included in 
mainNew.html which was discussed above. Additionally, a 
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function contained in the d&d.js javascript file (discussed above) 
handles an initial doubleclick operation that initiates a pop-up 
window module, layer, etc. ("pop-ups"). That additional function is 
referred to as "popMenu(). B 

In creating a pop-up, a content layer is first created to 
contain buttons which link to various functions/options/services 
(e.g., MCs) within a windows based web site which is manifested 
within a CME. The content of the first pop-up layer, are labels like 
•INFO', 'CONTACT, 'PERSONALIZE'. The pop-up layer is 
actually created by calling a function contained in the pop.js file. 
In particular, the doPop() function is executed. The doPop() 
function is called from mainNew.html in the following manner. 
document.writeln(top.doPop()). Once doPopO executes, all the 
necessary HTML to draw the aforementioned buttons and handle 
mouse type clicks associated with the buttons within the pop-up 

window is created. 

The CSS properties of the created pop-up are set in the 
following way: #popper {position:absolute; width:96; z-index:101; 
visibility.hidden;}. Such an instruction initializes the pop-up layer 
and sets its visibility to 'hidden' - e.g., the layer is invisible initially. 

The second step is the handling of the layer. This entails 
dealing with users clicking on the generated control buttons (e.g., 
MCs). Button clicks are handled by the functions outlined in 
pop.functions.js. In particular, a function "checkPopper() n is 
called by another function "popMenu()" to retrieve all information 
concerning where the user has clicked on a web page within the 
active CME and where to display the pop-up. Once 
checkPopper() has run, popMenu then makes the pop-up visible 
and positions it in the proper place based on the variables set by 
checkPopperQ. 
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The second function in the javascript file pop JuncHonsjs is 
"checkHideQ". Function checkHide() is called by the engage() 
function in the d&d.js javascript file. Function engage() is 
activated whenever a user performs a single-click on a windows 
based web site presented within an active CME. The first 
thing done by engage() is to execute function checkHide(). 
Function checkHide() checks the position of the click - if the click 
is outside the box bounded by the pop-up layer, the pop-up is 

hidden and vice -versa. 

Based on the foregoing comments, the following 
paragraphs discuss the listings/files for pop.functions.js, pops.js, 
and positioningjunctions.js. 

pop_functions.js 

- •••'// set to mousebutton value (left, right) 
Z £2 "= • • ; // set to nan* of element (image) clicked on 

var eX = ' ' ; // tne mouse x 
var eY = 1 1 ; // tne mouse Y 

II determine pop-up height (== element neignt ^ 
var plight . top.POP.HBIGHT ' top. POP.ITEMS. length; 
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* 

* These functions handle the pop-up; 

* are called on window events - specifically 

* doubleclick ( 
*/ 

function checkHide(e) 

' if (top.IE4) { e = window. event; } 
checkPopper (e) ; 



if(top.N4 (hasAppeared « 1) ) // check position for netcape 

{ if ((eX < popRef .left) || 

(eX > popRef .left + popWidth) | | 
A c (eY < popRef .top) 1 1 

40 (eY > popRef. top + popHeight) ) 

{ popRef .visibility = (top.IE4, f -hidden' = 'hide.; // hide layer 
hasAppeared « 0; 

} 

} else if(top.!E4 u (hasAppeared == 1) ) // check for ie4 
{ 

-52- 



if(eName.indexOf ("POP") == -D 

{ popRef .visibility = (top.IE4) 7 'hidden' : -hide-; // hide 

layer hasAppeared = 0; 

} 

} 

return true; 

} 

function checkPopper (e) 

// get obj ref ..„,_..,, aty i e : document . layers [' popper ' 1 ; 

popRef = (top.IE4) ? document. all ['popper j.acyxe 

. .,u. // t-he value of the button click 
eButt = (top.IE4) 7 e.button n^ne ♦ ' ' ; // ™* ° f 

eName = (top.IE4) ? e. srcElement .name + . e.« a 
name element click hits oaoe x- // the X coord of the click 

S : 13:38 J ::2£S ; ::SSS; " «. * coord cue 

eY r£^-T^^-^ i3 ^* op : 0; " needed for ie4 only 

if ((top.SCREEH.X - popwidth - edgePactor, < eX> // check for right edge 

{ eX -= popwidth; // shift left 

• »rt He pactor) < eY) // check bottom edge 

if((top.SCREEN_y + eScrollTop - popHeight - edgePactor) 

^ eY — popHeight; // shift up 
} 

return true; 

pops.js 



var pops = ' 1 ; 
currPopItem * ' ' ; 
function doPopO 

{ Tv^THS^ cellspacings border=0xtrxtd 

valign=top bgcolor=#000000>' ) ; 

for(x=0; x < POP_ITEMS. length; x++) 

{ currPopItem = POP_ITEMS [x] ; // set in var.declarations. js 
pops 4- (><a href =" javascript :top.navPunction«(\" + 
currPopItem + • V)»>-); + p<JppERJ?ATH . currPopItem ♦ ■ .glf - 

♦ cuSopItem • ■" width-' ♦ POP.wiDTH ♦ hexght- + 
POP HEIGHT + 1 border=0x/axbr>\n ) ; 

1 pops += (TABLE_CLOSEJTABLE + -</span>'); 
return (pops) ; 

} 

positioningjunctions.js 



var MODcolumn = 0; 
var currRow = 0; 
var MODcolumnMAX = 0; 
var currRowTemp = 0; 
var eee * ' 1 ; 
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// qetRef (rname) 

// returns a browser specific module reference 
function getRef (rname) 

{ retum((to P .IE4) 7 document .all [rname 1 .style . document .layers. [rname] ) ; 

} 

// simply reloads the interface; 

// used for non-draggable interface changes 

function pageRefreshO 

^ self .location. href * ' mainNew . html » ; 
return; 

} 

// function that handles hide/show of modules in draggable environment. 
// usese top.EV array to give browser specific settings 
function showHide (mname , type , procedure) 

^ eee = getRef (mname) ; // get obj ref 

eee.visibility = <top.IB4> , top.EVltype, = top.HVttype] ; // set it based on type(0/l) 

if (procedure != 'sizing') 
{ 

eee.pixelTop = 110; 
eee.pixelLeft » 10; 

} 

} 

// function to reposition modules in column (tiled) format; 
// only runs on tiled environment; „„,_,. 
// sends a module to either the top or bottom of the stack 
// based on direction. § 
function reposition (thisMOD, direction) 

{ MODcolumn - top. MODULES [thisMOD] .Column; // current colui^ 
MODcolumnMAX = top . columnTrack ^^^fSow 
currRow * t op. MODULES [thisMOD] .Row; // current row 

limiter = (direction « 1) I MODcolumnMAX : 0; // set target position (bottom or 

dirPointer « (direction - 1) f 1 . -H // ■* direction (down or up) 

if (currRow !« limiter) // don't run if already at limit 

* // begin shifting modules 
while (currRow != limiter) 

' //get next position 
var nextRow » currRow + dirPointer; 

// set new displaced columnTrack names 
top. columnTrack [MODcolumn) [currRow] = 
top. columnTrack [MODcolumn] [nextRow] ; 

^^tSTo^ra^DcSun.] [currRow]] .Row - currRow; 

currRow - dirPointer; // set next position and move on. 

// set sent MOD to limiter position 

top . columnTrack [MODcolumn] [limiter J = thisMOD; 

// now reset the Row property of sent _ Umit 

top.MODULES[top.columnTrack[MODcolumn) [limiter]] -Row - limiter, 

} 

return; 

} 

function bandleModule(thisACTION,MOD) 
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top) 



// if a draggable interface, on any action related to a module 
// make sure that module is on top 
if (top . ISJ5RAGGABLE) 

' setZIndex (MOD) ; 

1 else // only run this for non draggable environment 

// clear any loaded content (fetchfile with no values clears) 
top.fetchFileO ; 
) 

var MM = top . MODULES [MOD] .Maximized; 
var 00 = top. MODULES [MOD] .Open; 

if ( (thisACTION « 'reduce') MM) // minimize 

^ top. MODULES [MOD] .Maximized = 0; 

reposition (MOD, 1) ; 

pageRefreshO ; 

} 

if ( (thisACTION 'expand') 66 !MM) // maximize 
^ top. MODULES [MOD] .Maximized * 1; 
//reposition(MOD # 0) ; 
pageRefreshO ; 

} 

if (thisACTION =- 'close') // close 
' top. MODULES IMOD] .Open = 0; 



) 



if (top . IS_DRAGGABLE) // if a draggable layer, don't refresb just bide 
' showHide(MOD.O) ; 
^ else { pageRefreshO; } 

if ^ (thisACTION == 'show') « 100) // open (also sets to maximized on open) 

^ // set module object settings 
top. MODULES [MOD] .Open = 1; 

top. MODULES [MOD] .Maximized = 1; 

if (top . IS_DRAGGABLE) // if a draggable layer, don't refresb just sbow 

' showHide(MOD,l) ; 

) 

else 

rJposition(MOD.O); // update the column listings 
pageRefreshO; 
} 

) • 



Referring again to FIG. 4, processing proceeds after step 
S4-3 to step S4-4. At step S4-4, HTML and other related files are 
made available for service via an electronic data network such as 
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the Internet and World Wide Web. In particular, the javascript file 
containing window module setup routines (module_setup.js as 
described above) along with the other files and functions listed 
above are made available for service from a server side system 
such as SVR system 102 to any number of client systems like or 
similar to client system 108. The service of files via the Internet 
and WWW such as via a WEB SERVER software package will be 
immediately understood by those skilled in the art. 
Processing ends at step S4-6. 

Referring now to FIGS. 5A and 5B, depicted therein is a 
flowchart that illustrates a process to facilitate window type 
operations within a WWW browser client CME. In particular, 
processing starts at step S5-1 and immediately proceeds to step 
S5-2. 

At step S5-2, a user may start a WWW browser client 
within a personal data processing system such as within system 
108. That is, a WWW browser client is loaded into a processing 
space within a personal data processing system and executed 
accordingly. 

Next, the WWW browser client provides a CME 
environment within a browser display window and starts 
appropriate content rendering and layout models. 

Next, at step S5-4, the user specifies a WWW web site 
uniform resource locator (URL - e.g., http://www.windows- 
website.com) from which to receive content (e.g., www.windows- 
website.com). 

Next, at step S5-5, the WWW browser client accesses a 
network connection and the specified web site and receives 
windowed content including object instructions and content 
streams (e.g., such as those from news fees, stock feeds, other 
dynamic source, etc.) or related URLs, if any. 
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Next, at step S5-6, the WWW browser client manifests and 
causes display of received window content, HTML etc such as via 
dynamic (changing) display within a particular window module. 
Alternatively, depending on the implementation of a w.ndows 
based CME that is actually developed and implemented in 
accordance with the present invention, content such as that 
received via a content stream may be displayed in an FSR. a 

layer, etc. within a CME. 

Processing proceeds at the top of FIG. 5B. 

At step S5-7, the user is permitted to alter window module 
states (e.g., size of a window, position of a window, minimization, 
maximization, etc.) within a CME of a WWW browser client 
without necessarily requiring screen refresh (e.g., is permitted to 
affect window module minimization, maximization, movement, 
resizing, etc.). 

Next, at step S5-8, window content streams may be 
updated so'that dynamic content may be displayed within window 
modules provided by the present invention. 

Processing ends at step S5-9. 

Thus, having fully described the present invention by way 
of example with reference to attached drawing figures, it will be 
readily appreciated that many changes and modifications may be 
made to the invention and to any of the exemplary embodiments 
shown and/or described herein without departing from the spirit or 
scope of the invention, which is defined in the appended claims. 
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